<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
</head>

<body>
    <div class="layui-fluid">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md12">
                <div class="layui-card">
                    <div class="layui-card-header">现场作业管理</div>
                    <div class="layui-card-body">
                        <table class="layui-table layui-form">
                            <colgroup>
                              <col width="300">
                              <col width="200">
                              <col>
                            </colgroup>
                            <thead>
                              <tr>
                                <th>正在工作人(2人)</th>
                                <th>工作内容</th>
                                <th>位置</th>
                              </tr> 
                            </thead>
                            <tbody>
                                    <tr>
                                      <td>张云</td>
                                      <td>修理设备</td>
                                      <td>A3</td>
                                    </tr>
                                    <tr>
                                      <td>杨虎</td>
                                      <td>焊接</td>
                                      <td>D2</td>
                                    </tr>
                            </tbody>
                          </table>        
                          
                          
                          <button class="layui-btn layui-btn-normal"  id='btnxczy'><i class="layui-icon layui-icon-edit"></i>查看正在作业人员位置图</a>
                            
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="xczy" class="hide" style="display: none;"><img src="../../layuiadmin/images/zywz.png"></div>
    <script src="../../layuiadmin/layui/layui.js"></script>
    <script>
        layui.config({
            base: '../../layuiadmin/' //静态资源所在路径
        }).extend({
            index: 'lib/index' //主入口模块
        }).use(['index', 'table', 'form','layer'], function () {
            var admin = layui.admin ,form = layui.form, table = layui.table,layer = layui.layer,$ = layui.$; 
            $('#btnxczy').click(function(){
            layer.open({
            type: 1,
            title: false,
            closeBtn: 0,
            area: '90%',
            skin: 'layui-layer-nobg', //没有背景色
            shadeClose: true,
            content: $('#xczy')
            });

            });;
        });
    </script>
</body>

</html>